<template>
    <view class="login">
        <view class="txjl" v-if="loginzhu==0" @click="loginzhu=1" >
            账户注册
        </view>
        <view class="txet">
            
            {{loginzhu==0?'欢迎来到畅收卡':'账户注册'}}
        </view>
        <view class="tab" v-if="loginzhu==0">
            <view class="tab-item " @click="index=0" :class="index==0?'acitve':''">
                <!-- <image src="/static/hover.png" class="hover"></image> -->
             <view class="hover">
                 
             </view>
             <view class="dl listd">
                        验证码登录
                    </view>
            </view>
            <view class="tab-item"  @click="index=1" :class="index==1?'acitve':'' ">
                 <!-- <image src="/static/hover.png"  class="hover"></image> -->
                 <view class="hover">
                     
                 </view>
                 <view class="dl">
                     密码登录
                 </view>
            </view>
        </view>
        <view class="input-item">
            <view class="item-zhang">
                <input type="text" placeholder="输入你的手机号" />
            </view>
            <view class="item-yzm" v-if="index==0&&loginzhu==0">
                <view class="yzm-left">
                      <input type="text" placeholder="验证码" />
                </view>
                <view class="yzm-right ">
                    发送验证码
                </view>
            </view>
            <view class="item-zhang item-yzm1" v-if="index==1&&loginzhu==0">
                <input type="password" placeholder="输入你的密码" />
            </view>
            <view class="item-zhang item-yzm1" v-if="loginzhu==1">
                <input type="password" placeholder="密码" />
            </view>
            <view class="item-zhang item-yzm1" v-if="loginzhu==1">
                <input type="password" placeholder="确认一次你的密码" />
            </view>

        </view>
        <view class="tyin">
            <div class="top">
                <image src="/static/awal4@2x.png" v-if="imgimg==1" @click="imgimg=0" mode=""></image>
                <image src="/static/awal5@2x.png" v-if="imgimg==0" @click="imgimg=1"  mode=""></image>
            </div>
            <view class="text">
                <view class="text-item">
                    已阅读并同意
                </view>
                <view class="text-text" @click="benefits('terms')" >
                    《用户条款》
                </view>
                <view class="text-item">
                    和
                </view>
                <view class="text-text" @click="benefits('policy')" >
                    《隐私权政策》
                </view>
            </view>
        </view>
        <view class="li">
            <!-- <image src="../../static/logindl@2x.png" mode=""></image> -->
            <view class="logindl">
                
            </view>
            <view class="lidl">
                
                {{loginzhu==0?'立即登录':'立即注册'}}
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        data(){
            return{
                index:0,
                imgimg:0,
                loginzhu:0
            }
        },
        methods:{
            benefits(index){
                uni.navigateTo({
                    url: '/pages/my/'+index,
                });
            },
        }
    }
</script>

<style lang="scss">

</style>